<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/frame/head.jsp"%>

 <style>
<!--
.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-control {
  position: relative;
  font-size: 18px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
-->
</style>
</head>
  <body>
  
    <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">520i测试大全</a>
        </div>
      </div>
    </div>
    <div class="jumbotron">
      <div class="container">
        <h3>电话号码融洽度测试</h3>
        <p>你还不知道你的电话号码能不能带给你好运气吧？快来测试一下，系统评估你和你的手机号码是否“相处融洽”，如果测试结果不乐观，那么你可能要考虑下更换电话号码咯。</p>
        <form class="form-signin" role="form" action="app/count/comm.jsp" method="post">
        <h2 class="form-signin-heading">请输入:</h2>
        <input type="text" name="userName" class="form-control" placeholder="你的名字" required autofocus>
        <input type="text" name="telNum" class="form-control" placeholder="你的电话号码" required>
        <input type="text" name="checkCode" class="form-control" placeholder="请输入验证码" required>
        <img height="30" id="validate_code" class="validate-code" src="<%=request.getContextPath() %>/ImageCheck.jpg"/><a href="javascript:changeCheck();">&nbsp;看不清</a>
        <input type="hidden" name="ip" value="<%=request_ip %>">
        <input type="hidden" name="type" value="phone">
        <button class="btn btn-lg btn-primary btn-block" type="submit">查看融洽度</button>
      </form>
      </div>
    </div>
    <div class="container">
      <footer>
        <p>520i&copy; Company 2013</p>
      </footer>
    </div> <!-- /container -->
    <script type="text/javascript">
    function changeCheck(){
    	$("#validate_code").attr("src",$("#validate_code").attr("src")+"?d="+new Date());
    }
    </script>
  </body>
</html>
